{% extends "m2/base_search.html" %}

{% block title %}
个人中心
{% endblock %}

{% block header %}
    <link rel="stylesheet" href="/static/css/center/style.css">
    <link rel="stylesheet" href="/static/css/center/person.css">
    <link rel="stylesheet" href="/static/css/picture/jquery.flex-images.css">
    <link href="https://cdn.bootcss.com/weui/2.1.2/style/weui.css" rel="stylesheet">
{% endblock %}

{% block main %}
<div class="tab-wrapper">
            <ul class="tab-menu">
                <li class="active">通知</li>
                <li onclick="if (download_num == 0) {download_show(); download_num++;} ">下载</li>
                <li onclick="if (comment_num == 0) {comment_show(); comment_num++;} ">评论</li>
                <li onclick="if (parise_movie_num == 0) {parise_movie(); parise_movie_num++;} ">点赞</li>
                <li onclick="if (star_movie_num == 0) {star_movie(); star_movie_num++;}">收藏</li>
                <li onclick="if (user_num == 0) {user_show(); user_num++;} ">个人中心</li>
            </ul>
            <div class="tab-content">
                <div>
                    <div class="comment">
                        <div class="comment_title">
                        </div>
                        <div class="comment_box">
                            <section class="tent_info">
                                <div class="textarea one">
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="middle">
                        <div class="middle_img">
                            <div class="flex-images credits picture_download" style="margin:-6px 0 0">

                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div>
                        <div class="comment">
                            <div class="comment_title">
                            </div>
                            <div class="comment_box">
                                <section class="comment_info">
                                    <br>
                                    <br>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="movie-picture-wrapper">

                            <select name="type" style="font-size:14px;padding:6px;margin:0 10px 10px 90px" onchange="parise()" id="parise">
                                <option value="video" selected="">电影</option>
                                <option value="photo">图片</option>
                            </select>


                        <div class="movie-picture-content">
                            <div class="comment parise-comment">
                                <div class="comment_title">
                                </div>
                                <div class="comment_box">
                                    <section class="">
                                        <div class="movie_parise">
                                        </div>
                                    </section>
                                </div>
                            </div>
                            <div class="middle_img parise-middle-img">
                                <div class="flex-images credits picture_parise" style="margin:-6px 0 0">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="movie-picture-wrapper">

                            <select name="type" style="font-size:14px;padding:6px;margin:0 10px 10px 90px" onchange="star()" id="star">
                                <option value="video" selected="">电影</option>
                                <option value="photo">图片</option>
                            </select>

                        <div class="movie-picture-content">
                            <div class="comment star-comment">
                                <div class="comment_title">
                                </div>
                                <div class="comment_box">
                                    <section class="">
                                        <div class="movie_star">
                                        </div>
                                    </section>
                                </div>
                            </div>
                            <div class="middle_img star-middle-img">
                                <div class="flex-images credits picture_star" style="margin:-6px 0 0">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div style="max-width:1408px;margin:auto;padding:0 20px" id="user_detail_show">

                    </div>
                </div>
            </div>
        </div>
{% endblock %}

{% block returnTop %}

{% endblock %}

{% block js %}
<script>
    var download_num = 0;
    var comment_num = 0;
    var parise_movie_num = 0;
    var parise_picture_num = 0;
    var star_movie_num = 0;
    var star_picture_num = 0;
    var user_num = 0;
</script>
<script type="text/javascript" src="/static/js/center/index.js"></script>
<script src="/static/js/center/jquery.flex-images.js"></script>
<script type="text/javascript" src="/static/js/center/get_movies.js"></script>
<script type="text/javascript" src="/static/js/center/get_pictures.js"></script>
<script>
    function parise () {
        var obj = $('#parise');
        if (obj.val() == 'photo') {
            $('.parise-comment').hide();
            if (parise_picture_num == 0) {
                picture_parise();
                parise_picture_num++;
            } else {
                $('.parise-middle-img').show();
            }
        }
        else {
            $('.parise-middle-img').hide();
            $('.parise-comment').show();
        }
    }
    function star () {
        var obj = $('#star');
        if (obj.val() == 'photo') {
            $('.star-comment').hide();
            if (star_picture_num == 0) {
                picture_star();
                star_picture_num++;
            } else {
                $('.star-middle-img').show();
            }
        }
        else {
            $('.star-middle-img').hide();
            $('.star-comment').show();
        }
    }
</script>
{% endblock %}
